﻿
#users .role_member6:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_member0.png");
}

#users .role_member1:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_member1.png");
}

#users .role_member2:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_member2.png");
}

#users .role_member3:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_member3.png");
}

#users .role_member4:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_member4.png");
}

#users .role_member5:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_member5.png");
}

#users .role_member-1:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_teacher.png");
}

#users .role_member-2:before {
    background: url("http://common.static.hv678.com/images/classroom/room3_zhuli.png");
}

#messages .role_member6 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_member0.png") no-repeat center;
}

#messages .role_member1 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_member1.png") no-repeat center;
}

#messages .role_member2 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_member2.png") no-repeat center;
}

#messages .role_member3 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_member3.png") no-repeat center;
}

#messages .role_member4 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_member4.png") no-repeat center;
}

#messages .role_member5 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_member5.png") no-repeat center;
}

#messages .role_member-1 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_teacher.png") no-repeat center;
}

#messages .role_member-2 span.msg-role {
    background: url("http://common.static.hv678.com/images/classroom/room3_zhuli.png") no-repeat center;
}

#messages .role_system span.msg-name {
    background: #f90;
}

#messages .role-system span.msg-content {
    color: #f60;
}


.jw-reset {
    color: inherit;
    background-color: transparent;
    padding: 0;
    margin: 0;
    float: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1em;
    list-style: none;
    text-align: left;
    text-transform: none;
    vertical-align: baseline;
    border: 0;
    direction: ltr;
    font-variant: inherit;
    font-stretch: inherit;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}



.jw-icon-inline,
.jw-icon-tooltip,
.jw-icon-display,
.jw-controlbar .jw-menu .jw-option:before {
    font-family: 'jw-icons';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    background-color: transparent;
    font-variant: normal;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
}

.jw-icon-audio-tracks:before {
    content: "\E600";
}

.jw-icon-buffer:before {
    content: "\E601";
}

.jw-icon-cast:before {
    content: "\E603";
}

.jw-icon-cast.jw-off:before {
    content: "\E602";
}

.jw-icon-cc:before {
    content: "\E605";
}

.jw-icon-cue:before {
    content: "\E606";
}

.jw-icon-menu-bullet:before {
    content: "\E606";
}

.jw-icon-error:before {
    content: "\E607";
}

.jw-icon-fullscreen:before {
    content: "\E608";
}

.jw-icon-fullscreen.jw-off:before {
    content: "\E613";
}

.jw-icon-hd:before {
    content: "\E60A";
}

.jw-watermark:before,
.jw-rightclick-logo:before {
    content: "\E60B";
}

.jw-icon-next:before {
    content: "\E60C";
}

.jw-icon-pause:before {
    content: "\E60D";
}

.jw-icon-play:before {
    content: "\E60E";
}

.jw-icon-prev:before {
    content: "\E60F";
}

.jw-icon-replay:before {
    content: "\E610";
}

.jw-icon-volume:before {
    content: "\E612";
}

.jw-icon-volume.jw-off:before {
    content: "\E611";
}

.jw-icon-more:before {
    content: "\E614";
}

.jw-icon-close:before {
    content: "\E615";
}

.jw-icon-playlist:before {
    content: "\E616";
}

.jwplayer {
    width: 100%;
    font-size: 16px;
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .jwplayer * {
        box-sizing: inherit;
    }

    .jwplayer.jw-flag-aspect-mode {
        height: auto !important;
    }

        .jwplayer.jw-flag-aspect-mode .jw-aspect {
            display: block;
        }

    .jwplayer .jw-aspect {
        display: none;
    }

    .jwplayer.jw-no-focus:focus,
    .jwplayer .jw-swf {
        outline: none;
    }

    .jwplayer.jw-ie:focus {
        outline: #585858 dotted 1px;
    }

    .jwplayer:hover .jw-display-icon-container {
        background-color: #333;
        background: #333;
        background-size: #333;
    }

.jw-media,
.jw-preview,
.jw-overlays,
.jw-controls {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.jw-media {
    overflow: hidden;
    cursor: pointer;
}

.jw-overlays {
    cursor: auto;
}

.jw-media.jw-media-show {
    visibility: visible;
    opacity: 1;
}

.jw-controls.jw-controls-disabled {
    display: none;
}

.jw-controls .jw-controls-right {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 2em;
}

.jw-text {
    height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .75em;
    font-style: normal;
    font-weight: normal;
    color: white;
    text-align: center;
    font-variant: normal;
    font-stretch: normal;
}

.jw-plugin {
    position: absolute;
    bottom: 2.5em;
}

    .jw-plugin .jw-banner {
        max-width: 100%;
        opacity: 0;
        cursor: pointer;
        position: absolute;
        margin: auto auto 0 auto;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
    }

.jw-cast-screen {
    width: 100%;
    height: 100%;
}

.jw-instream {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

.jw-icon-playback:before {
    content: "\E60E";
}

.jw-preview,
.jw-captions,
.jw-title,
.jw-overlays,
.jw-controls {
    pointer-events: none;
}

    .jw-overlays > div,
    .jw-media,
    .jw-controlbar,
    .jw-dock,
    .jw-logo,
    .jw-skip,
    .jw-display-icon-container {
        pointer-events: all;
    }

.jwplayer video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background: transparent;
}

    .jwplayer video::-webkit-media-controls-start-playback-button {
        display: none;
    }

    .jwplayer video::-webkit-media-text-track-display {
        -webkit-transform: translateY(-1.5em);
        transform: translateY(-1.5em);
    }

.jwplayer.jw-flag-user-inactive.jw-state-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.jwplayer.jw-stretch-uniform video {
    -o-object-fit: contain;
    object-fit: contain;
}

.jwplayer.jw-stretch-none video {
    -o-object-fit: none;
    object-fit: none;
}

.jwplayer.jw-stretch-fill video {
    -o-object-fit: cover;
    object-fit: cover;
}

.jwplayer.jw-stretch-exactfit video {
    -o-object-fit: fill;
    object-fit: fill;
}

.jw-click {
    position: absolute;
    width: 100%;
    height: 100%;
}

.jw-preview {
    position: absolute;
    display: none;
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
    background: #000 no-repeat 50% 50%;
}

.jwplayer .jw-preview,
.jw-error .jw-preview,
.jw-stretch-uniform .jw-preview {
    background-size: contain;
}

.jw-stretch-none .jw-preview {
    background-size: auto auto;
}

.jw-stretch-fill .jw-preview {
    background-size: cover;
}

.jw-stretch-exactfit .jw-preview {
    background-size: 100% 100%;
}

.jw-display-icon-container {
    position: relative;
    top: 50%;
    display: table;
    height: 3.5em;
    width: 3.5em;
    margin: -1.75em auto 0;
    cursor: pointer;
}

    .jw-display-icon-container .jw-icon-display {
        position: relative;
        display: table-cell;
        text-align: center;
        vertical-align: middle !important;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        font-size: 2em;
    }

.jw-flag-audio-player .jw-display-icon-container,
.jw-flag-dragging .jw-display-icon-container {
    display: none;
}

.jw-icon {
    font-family: 'jw-icons';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    background-color: transparent;
    font-variant: normal;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
}

.jw-controlbar {
    display: table;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2em;
    padding: 0 .25em;
}

    .jw-controlbar .jw-hidden {
        display: none;
    }

    .jw-controlbar.jw-drawer-expanded .jw-controlbar-left-group,
    .jw-controlbar.jw-drawer-expanded .jw-controlbar-center-group {
        opacity: 0;
    }

.jw-background-color {
    background-color: #414040;
}

.jw-group {
    display: table-cell;
}

.jw-controlbar-center-group {
    width: 100%;
    padding: 0 .25em;
}

    .jw-controlbar-center-group .jw-slider-time,
    .jw-controlbar-center-group .jw-text-alt {
        padding: 0;
    }

    .jw-controlbar-center-group .jw-text-alt {
        display: none;
    }

.jw-controlbar-left-group,
.jw-controlbar-right-group {
    white-space: nowrap;
}

.jw-knob:hover,
.jw-icon-inline:hover,
.jw-icon-tooltip:hover,
.jw-icon-display:hover,
.jw-option:before:hover {
    color: #eee;
}

.jw-icon-inline,
.jw-icon-tooltip,
.jw-slider-horizontal,
.jw-text-elapsed,
.jw-text-duration {
    display: inline-block;
    height: 2em;
    position: relative;
    line-height: 2em;
    vertical-align: middle;
    cursor: pointer;
}

.jw-icon-inline,
.jw-icon-tooltip {
    min-width: 1.25em;
    text-align: center;
}

.jw-icon-playback {
    min-width: 2.25em;
}

.jw-icon-volume {
    min-width: 1.75em;
    text-align: left;
}

.jw-time-tip {
    line-height: 1em;
    pointer-events: none;
}

.jw-icon-inline:after,
.jw-icon-tooltip:after {
    width: 100%;
    height: 100%;
    font-size: 1em;
}

.jw-icon-cast {
    display: none;
}

.jw-slider-volume.jw-slider-horizontal,
.jw-icon-inline.jw-icon-volume {
    display: none;
}

.jw-dock {
    margin: .75em;
    display: block;
    opacity: 1;
    clear: right;
}

    .jw-dock:after {
        content: '';
        clear: both;
        display: block;
    }

.jw-dock-button {
    cursor: pointer;
    float: right;
    position: relative;
    width: 2.5em;
    height: 2.5em;
    margin: .5em;
}

    .jw-dock-button .jw-arrow {
        display: none;
        position: absolute;
        bottom: -0.2em;
        width: .5em;
        height: .2em;
        left: 50%;
        margin-left: -0.25em;
    }

    .jw-dock-button .jw-overlay {
        display: none;
        position: absolute;
        top: 2.5em;
        right: 0;
        margin-top: .25em;
        padding: .5em;
        white-space: nowrap;
    }

    .jw-dock-button:hover .jw-overlay,
    .jw-dock-button:hover .jw-arrow {
        display: block;
    }

.jw-dock-image {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: .75;
}

.jw-title {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    font-size: .875em;
    height: 8em;
    background: -webkit-linear-gradient(top, #000 0, #000 18%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, #000 0, #000 18%, rgba(0, 0, 0, 0) 100%);
}

.jw-title-primary,
.jw-title-secondary {
    padding: .75em 1.5em;
    min-height: 2.5em;
    width: 100%;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.jw-title-primary {
    font-weight: bold;
}

.jw-title-secondary {
    margin-top: -0.5em;
}

.jw-slider-container {
    display: inline-block;
    height: 1em;
    position: relative;
    touch-action: none;
}

.jw-rail,
.jw-buffer,
.jw-progress {
    position: absolute;
    cursor: pointer;
}

.jw-progress {
    background-color: #fff;
}

.jw-rail {
    background-color: #aaa;
}

.jw-buffer {
    background-color: #202020;
}

.jw-cue,
.jw-knob {
    position: absolute;
    cursor: pointer;
}

.jw-cue {
    background-color: #fff;
    width: .1em;
    height: .4em;
}

.jw-knob {
    background-color: #aaa;
    width: .4em;
    height: .4em;
}

.jw-slider-horizontal {
    width: 4em;
    height: 1em;
}

    .jw-slider-horizontal.jw-slider-volume {
        margin-right: 5px;
    }

    .jw-slider-horizontal .jw-rail,
    .jw-slider-horizontal .jw-buffer,
    .jw-slider-horizontal .jw-progress {
        width: 100%;
        height: .4em;
    }

    .jw-slider-horizontal .jw-progress,
    .jw-slider-horizontal .jw-buffer {
        width: 0;
    }

    .jw-slider-horizontal .jw-rail,
    .jw-slider-horizontal .jw-progress,
    .jw-slider-horizontal .jw-slider-container {
        width: 100%;
    }

    .jw-slider-horizontal .jw-knob {
        left: 0;
        margin-left: -0.325em;
    }

.jw-slider-vertical {
    width: .75em;
    height: 4em;
    bottom: 0;
    position: absolute;
    padding: 1em;
}

    .jw-slider-vertical .jw-rail,
    .jw-slider-vertical .jw-buffer,
    .jw-slider-vertical .jw-progress {
        bottom: 0;
        height: 100%;
    }

    .jw-slider-vertical .jw-progress,
    .jw-slider-vertical .jw-buffer {
        height: 0;
    }

    .jw-slider-vertical .jw-slider-container,
    .jw-slider-vertical .jw-rail,
    .jw-slider-vertical .jw-progress {
        bottom: 0;
        width: .75em;
        height: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .jw-slider-vertical .jw-slider-container {
        height: 4em;
        position: relative;
    }

    .jw-slider-vertical .jw-knob {
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

.jw-slider-time {
    right: 0;
    left: 0;
    width: 100%;
}

.jw-tooltip-time {
    position: absolute;
}

.jw-slider-volume .jw-buffer {
    display: none;
}

.jw-captions {
    position: absolute;
    display: none;
    margin: 0 auto;
    width: 100%;
    left: 0;
    bottom: 3em;
    right: 0;
    max-width: 90%;
    text-align: center;
}

    .jw-captions.jw-captions-enabled {
        display: block;
    }

.jw-captions-window {
    display: none;
    padding: .25em;
    border-radius: .25em;
}

    .jw-captions-window.jw-captions-window-active {
        display: inline-block;
    }

.jw-captions-text {
    display: inline-block;
    color: white;
    background-color: black;
    word-wrap: break-word;
    white-space: pre-line;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1.3em;
    padding: .1em .8em;
}

.jw-rightclick {
    display: none;
    position: absolute;
    white-space: nowrap;
}

    .jw-rightclick.jw-open {
        display: block;
    }

    .jw-rightclick ul {
        list-style: none;
        font-weight: bold;
        border-radius: .15em;
        margin: 0;
        border: 1px solid #444;
        padding: 0;
    }

    .jw-rightclick .jw-rightclick-logo {
        font-size: 2em;
        color: #ff0147;
        vertical-align: middle;
        padding-right: .3em;
        margin-right: .3em;
        border-right: 1px solid #444;
    }

    .jw-rightclick li {
        background-color: #000;
        border-bottom: 1px solid #444;
        margin: 0;
    }

    .jw-rightclick a {
        color: #fff;
        text-decoration: none;
        padding: 1em;
        display: block;
        font-size: .6875em;
    }

    .jw-rightclick li:last-child {
        border-bottom: none;
    }

    .jw-rightclick li:hover {
        background-color: #1a1a1a;
        cursor: pointer;
    }

    .jw-rightclick .jw-featured {
        background-color: #252525;
        vertical-align: middle;
    }

        .jw-rightclick .jw-featured a {
            color: #777;
        }

.jw-logo {
    position: absolute;
    margin: .75em;
    cursor: pointer;
    pointer-events: all;
    background-repeat: no-repeat;
    background-size: contain;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
}

    .jw-logo .jw-flag-audio-player {
        display: none;
    }

.jw-logo-top-right {
    top: 0;
    right: 0;
}

.jw-logo-top-left {
    top: 0;
    left: 0;
}

.jw-logo-bottom-left {
    bottom: 0;
    left: 0;
}

.jw-logo-bottom-right {
    bottom: 0;
    right: 0;
}

.jw-watermark {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 14em;
    color: #eee;
    opacity: .33;
    pointer-events: none;
}

.jw-icon-tooltip.jw-open .jw-overlay {
    opacity: 1;
    visibility: visible;
}

.jw-icon-tooltip.jw-hidden {
    display: none;
}

.jw-overlay-horizontal {
    display: none;
}

.jw-icon-tooltip.jw-open-drawer:before {
    display: none;
}

.jw-icon-tooltip.jw-open-drawer .jw-overlay-horizontal {
    opacity: 1;
    display: inline-block;
    vertical-align: top;
}

.jw-overlay:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0);
    content: " ";
}

.jw-slider-time .jw-overlay:before {
    height: 1em;
    top: auto;
}

.jw-time-tip,
.jw-volume-tip,
.jw-menu {
    position: relative;
    left: -50%;
    border: solid 1px #000;
    margin: 0;
}

.jw-volume-tip {
    width: 100%;
    height: 100%;
    display: block;
}

.jw-time-tip {
    text-align: center;
    font-family: inherit;
    color: #aaa;
    bottom: 1em;
    border: solid 4px #000;
}

    .jw-time-tip .jw-text {
        line-height: 1em;
    }

.jw-controlbar .jw-overlay {
    margin: 0;
    position: absolute;
    bottom: 2em;
    left: 50%;
    opacity: 0;
    visibility: hidden;
}

    .jw-controlbar .jw-overlay .jw-contents {
        position: relative;
    }

.jw-controlbar .jw-option {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    list-style: none;
    height: 1.5em;
    font-family: inherit;
    line-height: 1.5em;
    color: #aaa;
    padding: 0 .5em;
    font-size: .8em;
}

    .jw-controlbar .jw-option:hover,
    .jw-controlbar .jw-option:before:hover {
        color: #eee;
    }

    .jw-controlbar .jw-option:before {
        padding-right: .125em;
    }

.jw-playlist-container::-webkit-scrollbar-track {
    background-color: #333;
    border-radius: 10px;
}

.jw-playlist-container::-webkit-scrollbar {
    width: 5px;
    border: 10px solid black;
    border-bottom: 0;
    border-top: 0;
}

.jw-playlist-container::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 5px;
}

.jw-tooltip-title {
    border-bottom: 1px solid #444;
    text-align: left;
    padding-left: .7em;
}

.jw-playlist {
    max-height: 11em;
    min-height: 4.5em;
    overflow-x: hidden;
    overflow-y: scroll;
    width: calc(100% - 4px);
}

    .jw-playlist .jw-option {
        height: 3em;
        margin-right: 5px;
        color: white;
        padding-left: 1em;
        font-size: .8em;
    }

    .jw-playlist .jw-label,
    .jw-playlist .jw-name {
        display: inline-block;
        line-height: 3em;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
    }

    .jw-playlist .jw-label {
        width: 1em;
    }

    .jw-playlist .jw-name {
        width: 11em;
    }

.jw-skip {
    cursor: default;
    position: absolute;
    float: right;
    display: inline-block;
    right: .75em;
    bottom: 3em;
}

    .jw-skip.jw-skippable {
        cursor: pointer;
    }

    .jw-skip.jw-hidden {
        visibility: hidden;
    }

    .jw-skip .jw-skip-icon {
        display: none;
        margin-left: -0.75em;
    }

        .jw-skip .jw-skip-icon:before {
            content: "\E60C";
        }

    .jw-skip .jw-text,
    .jw-skip .jw-skip-icon {
        color: #aaa;
        vertical-align: middle;
        line-height: 1.5em;
        font-size: .7em;
    }

    .jw-skip.jw-skippable:hover {
        cursor: pointer;
    }

        .jw-skip.jw-skippable:hover .jw-text,
        .jw-skip.jw-skippable:hover .jw-skip-icon {
            color: #eee;
        }

    .jw-skip.jw-skippable .jw-skip-icon {
        display: inline;
        margin: 0;
    }

.jwplayer.jw-state-playing.jw-flag-casting .jw-display-icon-container,
.jwplayer.jw-state-paused.jw-flag-casting .jw-display-icon-container {
    display: table;
}

.jwplayer.jw-flag-casting .jw-display-icon-container {
    border-radius: 0;
    border: 1px solid white;
    position: absolute;
    top: auto;
    left: .5em;
    right: .5em;
    bottom: 50%;
    margin-bottom: -12.5%;
    height: 50%;
    width: 50%;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
}

    .jwplayer.jw-flag-casting .jw-display-icon-container .jw-icon {
        font-size: 3em;
    }

.jwplayer.jw-flag-casting.jw-state-complete .jw-preview {
    display: none;
}

.jw-cast {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 50% 50%;
}

.jw-cast-label {
    position: absolute;
    left: .5em;
    right: .5em;
    bottom: 75%;
    margin-bottom: 1.5em;
    text-align: center;
}

.jw-cast-name {
    color: #ccc;
}

.jw-state-idle .jw-preview {
    display: block;
}

.jw-state-idle .jw-icon-display:before {
    content: "\E60E";
}

.jw-state-idle .jw-controlbar {
    display: none;
}

.jw-state-idle .jw-captions {
    display: none;
}

.jw-state-idle .jw-title {
    display: block;
}

.jwplayer.jw-state-playing .jw-display-icon-container {
    display: none;
}

    .jwplayer.jw-state-playing .jw-display-icon-container .jw-icon-display:before {
        content: "\E60D";
    }

.jwplayer.jw-state-playing .jw-icon-playback:before {
    content: "\E60D";
}

.jwplayer.jw-state-paused .jw-display-icon-container {
    display: none;
}

    .jwplayer.jw-state-paused .jw-display-icon-container .jw-icon-display:before {
        content: "\E60E";
    }

.jwplayer.jw-state-paused .jw-icon-playback:before {
    content: "\E60E";
}

.jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

    .jwplayer.jw-state-buffering .jw-display-icon-container .jw-icon-display:before {
        content: "\E601";
    }

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.jwplayer.jw-state-buffering .jw-display-icon-container .jw-text {
    display: none;
}

.jwplayer.jw-state-buffering .jw-icon-playback:before {
    content: "\E60D";
}

.jwplayer.jw-state-complete .jw-preview {
    display: block;
}

.jwplayer.jw-state-complete .jw-display-icon-container .jw-icon-display:before {
    content: "\E610";
}

.jwplayer.jw-state-complete .jw-display-icon-container .jw-text {
    display: none;
}

.jwplayer.jw-state-complete .jw-icon-playback:before {
    content: "\E60E";
}

.jwplayer.jw-state-complete .jw-captions {
    display: none;
}

body .jw-error .jw-title,
.jwplayer.jw-state-error .jw-title {
    display: block;
}

    body .jw-error .jw-title .jw-title-primary,
    .jwplayer.jw-state-error .jw-title .jw-title-primary {
        white-space: normal;
    }

body .jw-error .jw-preview,
.jwplayer.jw-state-error .jw-preview {
    display: block;
}

body .jw-error .jw-controlbar,
.jwplayer.jw-state-error .jw-controlbar {
    display: none;
}

body .jw-error .jw-captions,
.jwplayer.jw-state-error .jw-captions {
    display: none;
}

body .jw-error:hover .jw-display-icon-container,
.jwplayer.jw-state-error:hover .jw-display-icon-container {
    cursor: default;
    color: #fff;
    background: #000;
}

body .jw-error .jw-icon-display,
.jwplayer.jw-state-error .jw-icon-display {
    cursor: default;
    font-family: 'jw-icons';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    background-color: transparent;
    font-variant: normal;
    -webkit-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -moz-osx-font-smoothing: grayscale;
}

    body .jw-error .jw-icon-display:before,
    .jwplayer.jw-state-error .jw-icon-display:before {
        content: "\E607";
    }

    body .jw-error .jw-icon-display:hover,
    .jwplayer.jw-state-error .jw-icon-display:hover {
        color: #fff;
    }

body .jw-error {
    font-size: 16px;
    background-color: #000;
    color: #eee;
    width: 100%;
    height: 100%;
    display: table;
    opacity: 1;
    position: relative;
}

    body .jw-error .jw-icon-container {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

.jwplayer.jw-flag-cast-available .jw-controlbar {
    display: table;
}

.jwplayer.jw-flag-cast-available .jw-icon-cast {
    display: inline-block;
}

.jwplayer.jw-flag-skin-loading .jw-captions,
.jwplayer.jw-flag-skin-loading .jw-controls,
.jwplayer.jw-flag-skin-loading .jw-title {
    display: none;
}

.jwplayer.jw-flag-fullscreen {
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    margin: 0;
    position: fixed;
}

    .jwplayer.jw-flag-fullscreen.jw-flag-user-inactive {
        cursor: none;
        -webkit-cursor-visibility: auto-hide;
    }

.jwplayer.jw-flag-live .jw-controlbar .jw-text-elapsed,
.jwplayer.jw-flag-live .jw-controlbar .jw-text-duration,
.jwplayer.jw-flag-live .jw-controlbar .jw-slider-time {
    display: none;
}

.jwplayer.jw-flag-live .jw-controlbar .jw-text-alt {
    display: none;
}

.jwplayer.jw-flag-user-inactive.jw-state-playing .jw-controlbar,
.jwplayer.jw-flag-user-inactive.jw-state-playing .jw-dock {
    display: none;
}

.jwplayer.jw-flag-user-inactive.jw-state-playing .jw-logo.jw-hide {
    display: none;
}

.jwplayer.jw-flag-user-inactive.jw-state-playing .jw-plugin,
.jwplayer.jw-flag-user-inactive.jw-state-playing .jw-captions {
    bottom: .5em;
}

.jwplayer.jw-flag-user-inactive.jw-state-buffering .jw-controlbar {
    display: none;
}

.jwplayer.jw-flag-media-audio .jw-controlbar {
    display: table;
}

.jwplayer.jw-flag-media-audio.jw-flag-user-inactive .jw-controlbar {
    display: table;
}

.jwplayer.jw-flag-media-audio.jw-flag-user-inactive.jw-state-playing .jw-plugin,
.jwplayer.jw-flag-media-audio.jw-flag-user-inactive.jw-state-playing .jw-captions {
    bottom: 3em;
}

.jw-flag-media-audio .jw-preview {
    display: block;
}

.jwplayer.jw-flag-ads .jw-preview,
.jwplayer.jw-flag-ads .jw-dock {
    display: none;
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-inline,
.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-tooltip,
.jwplayer.jw-flag-ads .jw-controlbar .jw-text,
.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-horizontal {
    display: none;
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-playback,
.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-volume,
.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-volume,
.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-fullscreen {
    display: inline-block;
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-text-alt {
    display: inline;
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-slider-volume.jw-slider-horizontal,
.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-inline.jw-icon-volume {
    display: inline-block;
}

.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-tooltip.jw-icon-volume {
    display: none;
}

.jwplayer.jw-flag-ads .jw-logo,
.jwplayer.jw-flag-ads .jw-captions {
    display: none;
}

.jwplayer.jw-flag-ads-googleima .jw-controlbar {
    display: table;
    bottom: 0;
}

.jwplayer.jw-flag-ads-googleima.jw-flag-touch .jw-controlbar {
    font-size: 1em;
}

.jwplayer.jw-flag-ads-googleima.jw-flag-touch.jw-state-paused .jw-display-icon-container {
    display: none;
}

.jwplayer.jw-flag-ads-googleima.jw-skin-seven .jw-controlbar {
    font-size: .9em;
}

.jwplayer.jw-flag-ads-vpaid .jw-controlbar {
    display: none;
}

.jwplayer.jw-flag-ads-hide-controls .jw-controls {
    display: none !important;
}

.jwplayer.jw-flag-ads.jw-flag-touch .jw-controlbar {
    display: table;
}

.jwplayer.jw-flag-overlay-open .jw-title {
    display: none;
}

.jwplayer.jw-flag-overlay-open .jw-controls-right .jw-logo {
    display: none;
}

.jwplayer.jw-flag-overlay-open-sharing .jw-controls,
.jwplayer.jw-flag-overlay-open-related .jw-controls,
.jwplayer.jw-flag-overlay-open-sharing .jw-title,
.jwplayer.jw-flag-overlay-open-related .jw-title {
    display: none;
}

.jwplayer.jw-flag-rightclick-open {
    overflow: visible;
}

    .jwplayer.jw-flag-rightclick-open .jw-rightclick {
        z-index: 16777215;
    }

.jw-flag-controls-disabled .jw-controls {
    visibility: hidden;
}

.jw-flag-controls-disabled .jw-logo {
    visibility: visible;
}

.jw-flag-controls-disabled .jw-media {
    cursor: auto;
}

body .jwplayer.jw-flag-flash-blocked .jw-title {
    display: block;
}

body .jwplayer.jw-flag-flash-blocked .jw-controls,
body .jwplayer.jw-flag-flash-blocked .jw-overlays,
body .jwplayer.jw-flag-flash-blocked .jw-preview {
    display: none;
}

.jw-flag-touch .jw-controlbar,
.jw-flag-touch .jw-skip,
.jw-flag-touch .jw-plugin {
    font-size: 1.5em;
}

.jw-flag-touch .jw-captions {
    bottom: 4.25em;
}

.jw-flag-touch .jw-icon-tooltip.jw-open-drawer:before {
    display: inline;
}

.jw-flag-touch .jw-icon-tooltip.jw-open-drawer:before {
    content: "\E615";
}

.jw-flag-touch .jw-display-icon-container {
    pointer-events: none;
}

.jw-flag-touch.jw-state-paused .jw-display-icon-container {
    display: table;
}

.jw-flag-touch.jw-state-paused.jw-flag-dragging .jw-display-icon-container {
    display: none;
}

.jw-flag-compact-player .jw-icon-playlist,
.jw-flag-compact-player .jw-text-elapsed,
.jw-flag-compact-player .jw-text-duration {
    display: none;
}

.jwplayer.jw-flag-audio-player {
    background-color: transparent;
}

    .jwplayer.jw-flag-audio-player .jw-media {
        visibility: hidden;
    }

        .jwplayer.jw-flag-audio-player .jw-media object {
            width: 1px;
            height: 1px;
        }

    .jwplayer.jw-flag-audio-player .jw-preview,
    .jwplayer.jw-flag-audio-player .jw-display-icon-container {
        display: none;
    }

    .jwplayer.jw-flag-audio-player .jw-controlbar {
        display: table;
        height: auto;
        left: 0;
        bottom: 0;
        margin: 0;
        width: 100%;
        min-width: 100%;
        opacity: 1;
    }

        .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-fullscreen,
        .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-tooltip {
            display: none;
        }

        .jwplayer.jw-flag-audio-player .jw-controlbar .jw-slider-volume.jw-slider-horizontal,
        .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-inline.jw-icon-volume {
            display: inline-block;
        }

        .jwplayer.jw-flag-audio-player .jw-controlbar .jw-icon-tooltip.jw-icon-volume {
            display: none;
        }

    .jwplayer.jw-flag-audio-player.jw-flag-user-inactive .jw-controlbar {
        display: table;
    }

.jw-skin-seven .jw-background-color {
    background: #000;
}

.jw-skin-seven .jw-controlbar {
    border-top: #333 1px solid;
    height: 2.5em;
}

.jw-skin-seven .jw-group {
    vertical-align: middle;
}

.jw-skin-seven .jw-playlist {
    background-color: rgba(0, 0, 0, 0.5);
}

.jw-skin-seven .jw-playlist-container {
    left: -43%;
    background-color: rgba(0, 0, 0, 0.5);
}

    .jw-skin-seven .jw-playlist-container .jw-option {
        border-bottom: 1px solid #444;
    }

        .jw-skin-seven .jw-playlist-container .jw-option:hover,
        .jw-skin-seven .jw-playlist-container .jw-option.jw-active-option {
            background-color: black;
        }

            .jw-skin-seven .jw-playlist-container .jw-option:hover .jw-label {
                color: #FF0046;
            }

    .jw-skin-seven .jw-playlist-container .jw-icon-playlist {
        margin-left: 0;
    }

    .jw-skin-seven .jw-playlist-container .jw-label .jw-icon-play {
        color: #FF0046;
    }

        .jw-skin-seven .jw-playlist-container .jw-label .jw-icon-play:before {
            padding-left: 0;
        }

.jw-skin-seven .jw-tooltip-title {
    background-color: #000;
    color: #fff;
}

.jw-skin-seven .jw-text {
    color: #fff;
}

.jw-skin-seven .jw-button-color {
    color: #fff;
}

    .jw-skin-seven .jw-button-color:hover {
        color: #FF0046;
    }

.jw-skin-seven .jw-toggle {
    color: #FF0046;
}

    .jw-skin-seven .jw-toggle.jw-off {
        color: #fff;
    }

.jw-skin-seven .jw-controlbar .jw-icon:before,
.jw-skin-seven .jw-text-elapsed,
.jw-skin-seven .jw-text-duration {
    padding: 0 .7em;
}

.jw-skin-seven .jw-controlbar .jw-icon-prev:before {
    padding-right: .25em;
}

.jw-skin-seven .jw-controlbar .jw-icon-playlist:before {
    padding: 0 .45em;
}

.jw-skin-seven .jw-controlbar .jw-icon-next:before {
    padding-left: .25em;
}

.jw-skin-seven .jw-icon-prev,
.jw-skin-seven .jw-icon-next {
    font-size: .7em;
}

    .jw-skin-seven .jw-icon-prev:before {
        border-left: 1px solid #666;
    }

    .jw-skin-seven .jw-icon-next:before {
        border-right: 1px solid #666;
    }

.jw-skin-seven .jw-icon-display {
    color: #fff;
}

    .jw-skin-seven .jw-icon-display:before {
        padding-left: 0;
    }

.jw-skin-seven .jw-display-icon-container {
    border-radius: 50%;
    border: 1px solid #333;
}

.jw-skin-seven .jw-rail {
    background-color: #384154;
    box-shadow: none;
}

.jw-skin-seven .jw-buffer {
    background-color: #666F82;
}

.jw-skin-seven .jw-progress {
    background: #FF0046;
}

.jw-skin-seven .jw-knob {
    width: .6em;
    height: .6em;
    background-color: #fff;
    box-shadow: 0 0 0 1px #000;
    border-radius: 1em;
}

.jw-skin-seven .jw-slider-horizontal .jw-slider-container {
    height: .95em;
}

.jw-skin-seven .jw-slider-horizontal .jw-rail,
.jw-skin-seven .jw-slider-horizontal .jw-buffer,
.jw-skin-seven .jw-slider-horizontal .jw-progress {
    height: .2em;
    border-radius: 0;
}

.jw-skin-seven .jw-slider-horizontal .jw-knob {
    top: -0.2em;
}

.jw-skin-seven .jw-slider-horizontal .jw-cue {
    top: -0.05em;
    width: .3em;
    height: .3em;
    background-color: #fff;
    border-radius: 50%;
}

.jw-skin-seven .jw-slider-vertical .jw-rail,
.jw-skin-seven .jw-slider-vertical .jw-buffer,
.jw-skin-seven .jw-slider-vertical .jw-progress {
    width: .2em;
}

.jw-skin-seven .jw-slider-vertical .jw-knob {
    margin-bottom: -0.3em;
}

.jw-skin-seven .jw-volume-tip {
    width: 100%;
    left: -45%;
    padding-bottom: .7em;
}

.jw-skin-seven .jw-text-duration {
    color: #666F82;
}

.jw-skin-seven .jw-controlbar-right-group .jw-icon-tooltip:before,
.jw-skin-seven .jw-controlbar-right-group .jw-icon-inline:before {
    border-left: 1px solid #666;
}

.jw-skin-seven .jw-controlbar-right-group .jw-icon-inline:first-child:before {
    border: none;
}

.jw-skin-seven .jw-dock .jw-dock-button {
    border-radius: 50%;
    border: 1px solid #333;
}

.jw-skin-seven .jw-dock .jw-overlay {
    border-radius: 2.5em;
}

.jw-skin-seven .jw-icon-tooltip .jw-active-option {
    background-color: #FF0046;
    color: #fff;
}

.jw-skin-seven .jw-icon-volume {
    min-width: 2.6em;
}

.jw-skin-seven .jw-time-tip,
.jw-skin-seven .jw-menu,
.jw-skin-seven .jw-volume-tip,
.jw-skin-seven .jw-skip {
    border: 1px solid #333;
}

.jw-skin-seven .jw-time-tip {
    padding: .2em;
    bottom: 1.3em;
}

.jw-skin-seven .jw-menu,
.jw-skin-seven .jw-volume-tip {
    bottom: .24em;
}

.jw-skin-seven .jw-skip {
    padding: .4em;
    border-radius: 1.75em;
}

    .jw-skin-seven .jw-skip .jw-text,
    .jw-skin-seven .jw-skip .jw-icon-inline {
        color: #fff;
        line-height: 1.75em;
    }

    .jw-skin-seven .jw-skip.jw-skippable:hover .jw-text,
    .jw-skin-seven .jw-skip.jw-skippable:hover .jw-icon-inline {
        color: #FF0046;
    }

.jw-skin-seven.jw-flag-touch .jw-controlbar .jw-icon:before,
.jw-skin-seven.jw-flag-touch .jw-text-elapsed,
.jw-skin-seven.jw-flag-touch .jw-text-duration {
    padding: 0 .35em;
}

.jw-skin-seven.jw-flag-touch .jw-controlbar .jw-icon-prev:before {
    padding: 0 .125em 0 .7em;
}

.jw-skin-seven.jw-flag-touch .jw-controlbar .jw-icon-next:before {
    padding: 0 .7em 0 .125em;
}

.jw-skin-seven.jw-flag-touch .jw-controlbar .jw-icon-playlist:before {
    padding: 0 .225em;
}


@media only screen and (min-width: 1000px) and (max-width: 1440px) {
    .content {
        padding-right: 560px !important;
    }

    .left {
        display: none;
    }

    .right {
        width: 550px !important;
    }
}

@media only screen and (min-width: 1441px) and (max-width: 1700px) {
    .content {
        padding-right: 610px !important;
    }

    .right {
        width: 600px !important;
    }
}

@media only screen and (min-width: 1441px) {
    .left {
        display: block !important;
    }
}


.jw-skin-hv .jw-controlbar {
    width: 100%;
}

.jw-controlbar-left-group {
    display: none !important;
}

.jw-controlbar-center-group {
    display: none !important;
}

.jw-controlbar-right-group .jw-text {
    display: none !important;
}

.jw-controlbar-right-group .jw-icon-fullscreen {
    float: right;
}

.jw-controlbar-right-group .jw-icon-volume {
    float: left;
}

.jw-icon-volume:before,
.jw-icon-fullscreen:before {
    font-size: 20px;
}

.jw-controlbar-left-group,
.jw-controlbar-right-group {
    white-space: normal !important;
}

.bg_imgs {
    width: 480px;
    margin: 0 auto;
    z-index: 8888888887977 !important;
    background: #666F82;
    top: -200px;
    position: absolute;
    padding: 5px;
}

#ewmm {
    position: absolute !important;
    top: -160px;
}
